/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.print-icon,
	.email-icon {
		display: none;
	}
}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

body { -webkit-text-size-adjust: none; }
    
.base, .base1, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.base .onecol, .base .twocol, .base .threecol, .base .fourcol, .base .fivecol, .base .sixcol, .base .sevencol, .base .eightcol, .base .ninecol,
.base .tencol, .base .elevencol, .base .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 4%; padding-right: 4%; }

}


@media handheld, only screen and (max-width: 767px) {

#logo { text-align: center; }

}


@media handheld, only screen and (max-width: 767px) {

#header { margin: 2.5em 0 1.5em; border:none; padding:0; }
#nav { z-index:10000; position: relative; background-color: transparent !important; }
	#nav select
	{
		display: block !important;
		float: none;
		width: 300px !important;
		max-width: 300px !important;
		position: relative;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	
	
	ul.autocompleter-choices {
		width: 300px !important;
		margin-left: 0 !important;
	}
	
    .row > div {
		margin-left: 0%;
		margin-right: 1%;
	}

}

@media handheld, only screen and (max-width: 480px) {

	
#header { margin: 2em 0 1em; border:none; padding:0; }

}

@media handheld, only screen and (max-width: 767px) {
#headertop { display: none; }
#headertop-mobile { margin-top: 0; }
}

@media handheld, only screen and (max-width: 767px) {

#container { border-top: none; }

}

@media handheld, only screen and (max-width: 767px) {

#intro { padding: 0; }
#intro p { font-size: 1em; font-family: 'CabinRegular', sans-serif; line-height: 1.5em; }

}


@media handheld, only screen and (max-width: 767px) {

#top { border-top: none; border-bottom: none; }

}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

#copyright { margin-bottom: 4em; }
#copyright .moduletable { text-align:center; }
#copyright ul { float:none; margin:0; padding:0; }
#copyright2 .moduletable,  #copyright ul li { float:none; margin-top:0; text-align:center; }

}